<template>
  <div>
      <h1>用户列表页</h1>
      <el-input v-model="userinfo.jname" placeholder="请输入信息" id="asd"></el-input>
      <el-button type="primary"
                 style="width: 100%;margin-top: 20px; margin-bottom: 30px; border-radius:0px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)"
                 class="el-icon-s-opportunity">检索</el-button>
    <el-table
      :data="tableData"
      height="250"
      border
      style="width: 100%">
      <el-table-column
        label="序号"
        type="index"
        align="center"
        width="85"
        :resizable="false">
      </el-table-column>
      <el-table-column
        prop="jid"
        label="jid"
        align="center"
        width="225"
        :resizable="false">
      </el-table-column>
      <el-table-column
        prop="authority"
        label="权限"
        align="center"
        width="225"
        :resizable="false">
      </el-table-column>
      <el-table-column
        prop="forname"
        label="姓名"
        align="center"
        width="225"
        :resizable="false">
      </el-table-column>
      <el-table-column
        label="操作"
        align="center"
        width="225"
        :resizable="false">
        <template slot-scope="scope">
          <el-button type="primary" icon="el-icon-edit" circle style=""></el-button>
          <el-button type="danger" icon="el-icon-delete" circle></el-button>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
    export default {
      name: "UserList" ,
      data(){
        return {
          userinfo: {
            jname:'',
          },
          tableData: [{
            jid: '213',
            authority: '高',

          }]
        }
      },
    }
</script>

<style scoped>
</style>
